Skip to content

Conversation

@shydoke
Copy link

@shydoke shydoke commented Dec 16, 2025

No description provided.

- Добавлена стандартная HTML5 разметка с метатегами и заголовком.
- Подключена внешняя таблица стилей `lab2.css`.
- Реализована базовая семантическая структура:
  - `<header>` для шапки-письма с заголовком работы.
  - Секция `.parents-container` с тремя блоками "родителей".
  - Секция `.programming-languages` с описанием языков программирования.
  - `<footer>` для подвала сайта.
- Сброшены стандартные `margin` и `padding` через `*`.
- Задан `box-sizing: border-box` для всех элементов.
- Установлен розовый фон тела сайта с точечным градиентом.
- Центрирован контейнер и задана максимальная ширина.
- Стилизован основной контейнер `.letter-container` с белым фоном, розовой рамкой и тенью.
- Добавлен градиентный фон и пунктирная рамка.
- Реализованы декоративные уголки с помощью псевдоэлементов `::before` и `::after`.
- Стилизован заголовок `h1` розовым цветом с тенью.
- Добавлен подзаголовок с курсивным начертанием.
- Расположение блоков в колонку через `flex-direction: column`.
- Каждому "родителю" заданы уникальные цвета рамок и фона:
  - #parent-1: красный акцент
  - #parent-2: оранжевый акцент
  - #parent-3: зелёный акцент
- Добавлены тени и скругления углов.
- Реализованы списки "детей" с отступами и hover-эффектами.
- #parent-1: красные элементы с левой границей
- #parent-2: элементы с пунктирной оранжевой рамкой и бордовым текстом
- #parent-3: зелёные элементы
- Добавлены плавные анимации при наведении (сдвиг и изменение фона)
- `#parent-1 ~ #parent-3 .children-list li` - стили для детей третьего родителя, идущих после первого
- `#parent-2 .children-list li ~ #parent-3 .children-list li` - эксперименты со сложными комбинациями
- `#parent-3 .children-list li:has(~ #parent-2)` - попытка использования :has()
- Добавлен градиентный фон и рамка.
- Созданы маркеры списка (💖).
- Стилизованы ссылки с розовыми цветами и декоративными элементами.
- Добавлены hover-эффекты для ссылок.
- Реализована с помощью псевдоэлемента `::after`
- Использованы радиальные градиенты для создания круговой эмблемы
- Добавлена двойная рамка и тень
- В центре размещён текст "СамГУ" белым цветом
запуталась в задании очень сложно
вот так ? :(
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

не совсем наблюдается БЭМ

Comment on lines 2 to 8
const num1Input = document.getElementById('num1');
const num2Input = document.getElementById('num2');
const operationSelect = document.getElementById('operation');
const calculateBtn = document.getElementById('calculateBtn');
const resultValue = document.getElementById('resultValue');
const errorMessage = document.getElementById('errorMessage');
const errorText = document.querySelector('.error-text');
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

А если какой-то элемент не найден?

Comment on lines 53 to 57
if (!Number.isInteger(result)) {
const rounded = parseFloat(result.toFixed(10));
return rounded.toString().replace(/(\.\d*?[1-9])0+$/, "$1").replace(/\.$/, "");
}
return result.toString();
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

А зачем такую сложную проверку добавлять? По факту ведь может быть только 2 возможных типа для result: строка или число, может будет достаточно просто typeof result

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants